﻿<div id="resource-container-all">
    <!-- global design-->
    <div id="resource-home" vtnt-data-input='RequestParams Type="{0}" MaxLevel="1" Context="GetResource"'>
        <link rel="stylesheet" type="text/css" href="../../asset/template/maxsport2/view/resource.css" media="screen, projection" />
    </div>
    <div id="resource-cat" vtnt-data-input='RequestParams Type="{0}" MaxLevel="3" Context="GetResource"'>
        <link rel="stylesheet" type="text/css" href="../../asset/template/maxsport2/view/resource.css" media="screen, projection" />
    </div>
    <div id="resource-id" vtnt-data-input='RequestParams Type="{0}" ID="{1}" Context="GetResource"'>
        <link rel="stylesheet" type="text/css" href="../../asset/template/maxsport2/view/resource.css" media="screen, projection" />         
    </div>    
    <!-------------- custom design------------->
    <!-------------- product design  ---------->
    <div id="resource-home-product" class="resource-list">        
        <div class="header">
            <a onclick="loadResourceByCat(2,'[IDKey]')"><h2>[Name]</h2></a>
            <a onclick="loadResourceByCat(2,'[IDKey]')" class="f-right view">Chi tiết »</a>
        </div>
        <div class="detail">
            <ul vtnt-data-input='RequestParams Type="5" ParentID="{0}" Context="GetResource" RowsPerPage="{1}" PageIndex="{2}" MaxParentLevel="3"'>
                <li>
                    <div class="image">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')">
                            <img width="200px" height="200px" src="../../asset/image/loader.gif" data-src="[Image]" alt="" />
                        </a>
                    </div>
                    <div class="inner">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')">
                            <h6>[Name]</h6>
                        </a>
                        <div>
                            [Summary]
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="resource-cat-product" class="resource-list">
        <div class="header">
            <a onclick="loadResourceByCat(2,'[IDKey]')"><h2>[Name]</h2></a>
        </div>
        <div class="detail">
            <ul vtnt-data-input='RequestParams Type="5" ParentID="{0}" Context="GetResource" RowsPerPage="{1}" PageIndex="{2}" MaxParentLevel="3"'>
                <li>
                    <div class="image">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')">
                            <img width="200px" height="200px" src="../../asset/image/loader.gif" data-src="[Image]" alt="" />
                        </a>
                    </div>
                    <div class="inner">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')">
                            <h6>[Name]</h6>
                        </a>
                        <div>
                            [Summary]
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="resource-id-product">
        <div class="resource-nav">
            <ul vtnt-data-input='RequestParams Context="BreadCrums" ParentType="2" ParentID="{0}" ID="{1}"'>
                <li><a href="[LinkUrl]">[Name]</a></li>
            </ul>            
        </div>
        <div class="resource-view">                        
            <div class="box-img span-7">
                <img src="../../asset/image/loader.gif" data-src="[Image]" alt=""/>
            </div>
            <div class="span-10">
                <div class="title">
                    <h3>[Name]</h3>                
                </div>
                <div class="summary">[Summary]</div>
                <div class="slogan" vtnt-data-type='child' vtnt-data-input='RequestParams ID="8D8DC9EA-2CBB-4F75-8710-9B189320D84E" Context="GetResource"'></div>
                <div class="share-buttons">
                    <img src="../../asset/template/maxsport2/images/stars5.png" alt="0 đánh giá" />
                    <a class="comment">0 đánh giá</a><a class="comment">Viết đánh giá</a>
                </div>
                <div class="share"><!-- AddThis Button BEGIN -->
                    <div class="addthis_default_style">
                        <a class="addthis_button_compact at300m" href="#">
                            <span class="at16nc at300bs at15nc at15t_compact at16t_compact">
                            <span class="at_a11y">More Sharing Services</span></span>Chia sẻ</a> 
                        <a class="addthis_button_email at300b" target="_blank" title="Email" href="#">
                            <span class="at16nc at300bs at15nc at15t_email at16t_email">
                            <span class="at_a11y">Share on email</span></span></a>
                        <a class="addthis_button_print at300b" title="Print" href="#">
                            <span class="at16nc at300bs at15nc at15t_print at16t_print">
                            <span class="at_a11y">Share on print</span></span></a>
                        <a class="addthis_button_facebook at300b" title="Facebook" href="#">
                            <span class="at16nc at300bs at15nc at15t_facebook at16t_facebook">
                            <span class="at_a11y">Share on facebook</span></span></a>
                        <a class="addthis_button_twitter at300b" title="Tweet" href="#">
                            <span class="at16nc at300bs at15nc at15t_twitter at16t_twitter">
                            <span class="at_a11y">Share on twitter</span></span></a>
                    </div>
                    <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>
                    <div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;"><iframe id="_atssh144" title="AddThis utility frame" src="//ct1.addthis.com/static/r07/sh154.html#iit=1396369783373&amp;tmr=load%3D1396369783082%26core%3D1396369783267%26main%3D1396369783367%26ifr%3D1396369783379&amp;cb=0&amp;cdn=1&amp;chr=UTF-8&amp;kw=&amp;ab=-&amp;dh=disport.vn&amp;dr=http%3A%2F%2Fdisport.vn%2Fao-bong-da-cau-lac-bo%2Fmu&amp;du=http%3A%2F%2Fdisport.vn%2F8281-ao-mu-san-nha-2013-14.html&amp;dt=%C3%81O%20MU%20S%C3%82N%20NH%C3%80%202013-14&amp;dbg=0&amp;md=0&amp;cap=tc%3D0%26ab%3D0&amp;inst=1&amp;vcl=1&amp;jsl=1&amp;prod=undefined&amp;lng=en-US&amp;ogt=&amp;pc=men&amp;pub=&amp;ssl=0&amp;sid=533ae97784213110&amp;srpl=1&amp;srcs=1&amp;srd=1&amp;srf=1&amp;srx=1&amp;ver=300&amp;xck=0&amp;xtr=0&amp;og=&amp;aa=0&amp;rev=127218&amp;ct=1&amp;xld=1&amp;xd=1" style="height: 1px; width: 1px; position: absolute; z-index: 100000; border: 0px; left: 0px; top: 0px;"></iframe></div><script type="text/javascript" src="http://ct1.addthis.com/static/r07/core128.js"></script> 
                    <!-- AddThis Button END -->                     
                </div>               
            </div> 
            <div class="span-18 detail">
                [Detail]
            </div>                           
        </div>
        <div class="resource-collateral">                        
            <div class="box-collateral">
                <h2>Hình ảnh</h2>
                <div class="box-collateral-content">                    
                    <ul class="data" vtnt-data-type="image" vtnt-data-input='RequestParams Type="1" ResourceID="{0}" Context="GetData"'>
                        <li><img src="../../asset/image/loader.gif" data-src="[Image]" alt=""/></li>                                                                                                                        
                    </ul>
                </div>
            </div>
            <div class="box-collateral">
                <h2>Video<span class="toggle"></span></h2>
                <div class="box-collateral-content">
                    <ul class="video" vtnt-data-input='RequestParams Type="2" ResourceID="{0}" Context="GetData"'>
                        <li>                            
                            <iframe src="http://www.youtube.com/embed/[Video]" frameborder="0" height="450" class="span-16"></iframe>
                        </li>                                                                                                                        
                    </ul>                    
                </div>
            </div>
            <div class="box-collateral">
                <h2>Bài viết sản phẩm</h2>
                <div class="box-collateral-content">                    
                    <ul class="article" vtnt-data-input='RequestParams Type="3" ResourceID="{0}" Context="GetData"'>
                        <li><a href="[LinkUrl]">[Name]</a></li>                                                                                                                        
                    </ul>
                </div>
            </div>             
        </div>
        <div class="resource-top">
            <h2>Sản phẩm cùng loại</h2>
            <ul vtnt-data-input='RequestParams Type="5" Context="GetResource"'>
                <li>
                    <div class="image">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')">
                            <img width="200px" height="200px" src="../../asset/image/loader.gif" data-src="[Image]" alt="" />
                        </a>
                    </div>
                    <div class="inner">
                        <a onclick="loadResource(5,'[ParentKey]','[IDKey]')"><h6>[Name]</h6></a>
                        <div>[Summary]</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-------------- news design  ------------->
    <div id="resource-home-news"></div>
    <div id="resource-cat-news"></div>
    <div id="resource-id-news">
        <div class="resource-nav">
            <ul vtnt-data-input='RequestParams ID="{1}" MaxLevel="1" Context="GetResource"'>
                <li><a href="[LinkUrl]">[Name]</a></li>
            </ul>            
        </div>
        <div class="resource-view">
            <div class="title">
                <h3>[Name]</h3>                
            </div>
            <div class="detail">
                [Summary]<br />[Detail]
            </div> 
        </div>
        <div class="resource-collateral">
            <div class="box-collateral">
                <ul class="box-collateral-title">
                    <li><a><h5>Tin liên quan</h5></a></li>
                    <li><a><h5>Video</h5></a></li>
                    <li><a><h5>Đánh giá</h5></a></li>
                    <li><a><h5>File dinh kem</h5></a></li>               
                </ul>
            </div>
            <div class="box-collateral">
                <h2>Tin liên quan</h2>
                <div class="box-collateral-content">
                    <div class="data" vtnt-data-input='RequestParams Type="1" ResourceID="{0}" Context="GetData"'></div>
                </div>
            </div>
            <div class="box-collateral">
                <h2>Video<span class="toggle"></span></h2>
                <div class="box-collateral-content">
                    <ul class="video" vtnt-data-input='RequestParams Type="2" ResourceID="{0}" Context="GetData"'>
                        <li><a href="[LinkUrl]">[Name]</a></li>                                                                                                                        
                    </ul>                    
                </div>
            </div>
            <div class="box-collateral">
                <h2>Đánh giá</h2>
                <div class="box-collateral-content">
                    <ul class="article" vtnt-data-input='RequestParams Type="3" ResourceID="{0}" Context="GetData"'>
                        <li><a href="[LinkUrl]">[Name]</a></li>                                                                                                                        
                    </ul>
                </div>
            </div>
            <div class="box-collateral">
                <h2>File dinh kem</h2>
                <div class="box-collateral-content">                    
                    <ul class="document" vtnt-data-input='RequestParams Type="4" ResourceID="{0}" Context="GetData"'>
                        <li><a href="[LinkUrl]">[Name]</a></li>                                                                                                                        
                    </ul>
                </div>
            </div>            
        </div>
    </div>
    <!-------------- info design  ------------->
    <div id="resource-id-info">
        <div class="resource-nav">
            <ul vtnt-data-input='RequestParams ID="{1}" MaxLevel="1" Context="GetResource"'>
                <li><a href="[LinkUrl]">[Name]</a></li>
            </ul>            
        </div>
        <div class="resource-view">
            [Summary]<br/>[Detail]            
        </div>
    <!-------------- END  ------------->    
</div>
